<template>
  <div style="height:100%;">
    <loading :show="isLoading" position="absolute"></loading>
    <view-box v-ref:view-box>
      <!--default slot-->
      <div>
        <router-view
        :transition="'vux-pop-' + (direction === 'forward' ? 'in' : 'out')"
        ></router-view>
      </div>
    </view-box>
  </div>
</template>
<script>
import { Tabbar, TabbarItem, Loading, ViewBox, XHeader } from 'vux-components'
var url = require('aUrl');

export default {
  ready () {

  },
  data () {
    return {
      isIndex: true,
    }
  },
  components: {
    Tabbar,
    TabbarItem,
    Loading,
    ViewBox,
    XHeader
  },
  methods: {
    scrollTop () {
      this.$refs.viewBox.$els.viewBoxBody.scrollTop = 0
    }
  },
  computed: {
    headerTransition () {
      return this.direction === 'forward' ? 'vux-header-fade-in-right' : 'vux-header-fade-in-left'
    }
  }
}
</script>

<style lang="less">
@import '~vux/dist/vux.css';
@import './assets/css/common.less';
@import './assets/css/1px.less';

</style>
